@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "微软雅黑";
}

html,body{
    font-size: 20px;
    width: 100%;
    height: 100%;
}

input::-webkit-input-placeholder {
    font-size: 0.75rem;
    color: #B7B5BA;
}
input:focus::-webkit-input-placeholder {
    font-size: 0.75rem;
    color: transparent;
}


//忘记密码
.forget{
    width: 100%;
    padding: 1.4rem 0.65rem;
    text-align: center;
    color: #0E0E0E;
    font-size: 0.75rem;
    position: relative;
    a{
        text-decoration: none;
        position: absolute;
        top: 1.4rem;
        left: 0.65rem;
        img{
            width: 0.4rem;
        }
    }
}

//请输入您绑定的手机号码
.binding{
    width: 100%;
    padding: 0 0.65rem;
    margin-top: 1.8rem;
    p{
        font-size: 0.75rem;
    }
    .bind{
        margin-top: 1.6rem;
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid #FFF0C4;
        div{
            &:first-child{
                height: 2.15rem;
                line-height: 2.15rem;
                img{
                    vertical-align: middle;
                    width: 0.65rem;
                }
                input{
                    border: none;
                    padding-left: 0.4rem;
                    outline: none;
                }
            }
            &:last-child{
                img{
                    width: 1rem;
                    margin-top: 0.8rem;
                }
            }
        }
    }
}


//下一步按钮
.btn{
    width: 100%;
    padding: 0 0.4rem;
    margin-top: 1.5rem;
    div{
        width: 100%;
        height: 2.2rem;
        line-height: 2.2rem;
        text-align: center;
        background: #FFC830;
        border-radius: 25px;
        a{
            text-decoration: none;
            color: #FFFFFF;
            font-size: 0.75rem;
        }
    }
}

//点击按钮，弹出
.bg{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: none;
    .alert{
        width: 11.175rem;
        height: 6.125rem;
        background: #FFFFFF;
        text-align: center;
        padding-top: 0.85rem;
        border-radius: 1rem;
        margin: 0 auto;
        margin-top: 8.55rem;
        list-style: none;
        .li1{
            font-size: 0.75rem;
            margin-bottom: 0.65rem;
            padding-top: 1.3rem;
        }
        .btns{
            width: 100%;
            height: 1.625rem;
            display: flex;
            justify-content: space-between;
            margin-top: 1.7rem;
            div{
                background: #FFD974;
                width: 100%;
                border-radius: 0 0 0.75rem 0.75rem;
                a{
                    text-decoration: none;
                    color: #FFFFFF;
                    font-size: 0.65rem;
                }
            }
        }
    }
}

